<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Wallpaper</title>
        <meta name="description" content="Here goes description" />
        <meta name="author" content="author name" />
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        <!-- ======================================================================
                                    Mobile Specific Meta
        ======================================================================= -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <!-- ======================================================================
                                    Style CSS + Google Fonts
        ======================================================================= -->
        <link href="css/swipebox.css" rel="stylesheet" />
        <link href="css/bootstrap.css" rel="stylesheet" />
        <link href="css/style.css" rel="stylesheet" />
        <link href="css/animate.css" rel="stylesheet" />
        <link href="color-box/color-style.css" rel="stylesheet" />
        <link href="color-box/farbtastic/farbtastic.css" rel="stylesheet" />
        <link href="css/font-awesome.css" rel="stylesheet" />
    </head>
    <body class="home-page">
        <div class="load-complete">
            <div class="load-position">
                <div class="logo wow flip">Wallpaper</div>
                <h6>Please wait, loading...</h6>
                <div class="loading">
                    <div class="loading-line"></div>
                    <div class="loading-break loading-dot-1"></div>
                    <div class="loading-break loading-dot-2"></div>
                    <div class="loading-break loading-dot-3"></div>
                </div>
            </div>
        </div>
        <!-- === START COLOR BOX === -->
        <div class="settings-box">
            <div class="settings-box-icon"><i class="fa fa-spin d-text-c fa-cog"></i></div>
            <div class="settings-box-title">Settings Box</div>
            <p>Primary color</p>
            <ul id="site_color">
                <li><span class="color_1"></span></li>
                <li><span class="color_2"></span></li>
                <li><span class="color_3"></span></li>
                <li><span class="color_4"></span></li>
                <li><span class="color-select"></span></li>      
            </ul>
            <hr> 
            <p>Layout type</p>
            <select name="site_layout">
                <option value="wide">Wide</option>
                <option value="boxed">Boxed</option>
            </select>
            <hr> 
            <p>Background patterns</p>
            <ul id="background_patterns">
                <li><img src="color-box/background/square-1.png" alt="patterns"></li>
                <li><img src="color-box/background/square-2.png" alt="patterns"></li>
                <li><img src="color-box/background/square-3.png" alt="patterns"></li>
                <li><img src="color-box/background/square-4.png" alt="patterns"></li>
                <li><img src="color-box/background/square-5.png" alt="patterns"></li>        
            </ul>
            <hr> 
            <p>Background images</p>
            <ul id="background_images">
                <li><img src="color-box/background/bg-image-1.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-2.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-3.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-4.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-5.jpg" alt="background"></li>        
            </ul>
        </div>
        <!-- === END COLOR BOX === -->
        <div class="box-wide">
            <!-- === START HEADER === -->
            <header class="header sticky-bar">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="logo"><a href="index.html">Wallpaper</a></div>
                        </div>
                        <div class="col-md-8">
                            <nav class="menu">
                                <div class="responsive-menu d-text-c-h"><i class="fa fa-bars"></i></div>

                                <ul>
                                    <li class="current-item"><a class="d-text-c-h" href="#">Home</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="index.html">Home v1</a></li>
                                            <li><a class="d-text-c-h" href="index-v2.html">Home v2</a></li>
                                            <li><a class="d-text-c-h" href="index-v3.html">Home v3</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Portfolio</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="portfolio-2-col.html">Portfolio 2 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col.html">Portfolio 2 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col-no-padding.html">Portfolio 2 columns no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col-v2.html">Portfolio 2 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-3-col.html">Portfolio 3 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col.html">Portfolio 3 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col-no-padding.html">Portfolio 3 columns no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col-v2.html">Portfolio 3 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-4-col.html">Portfolio 4 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-fw-4-col.html">Portfolio fw 4 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-4-col.html">Portfolio 4 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-4-col-v2.html">Portfolio 4 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-6-col.html">Portfolio 6 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-fw-6-col-v2-no-padding.html">Portfolio fw 6 columns v2 no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-6-col.html">Portfolio 6 columns</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="project-v1.html">Project v1</a></li>
                                            <li><a class="d-text-c-h" href="project-v2.html">Project v2</a></li>
                                        </ul>                                  
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Pages</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="about-us.html">About Us</a></li>
                                            <li><a class="d-text-c-h" href="coming-soon.html">Coming soon</a></li>
                                            <li><a class="d-text-c-h" href="error-404.html">Error 404</a></li>
                                            <li><a class="d-text-c-h" href="our-team.html">Our Team</a></li>
                                            <li><a class="d-text-c-h" href="services.html">Services</a></li>
                                            <li><a class="d-text-c-h" href="shortcodes.html">Shortcodes</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Blog</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="blog-2c-rs.html">Blog 2 columns right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="blog-3c.html">Blog 3 columns</a></li>
                                            <li><a class="d-text-c-h" href="blog-fw.html">Blog fullwidth</a></li>
                                            <li><a class="d-text-c-h" href="blog-fw-rs.html">Blog fullwidth right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="post.html">Single Post</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Shop</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="shop.html">Shop</a></li>
                                            <li><a class="d-text-c-h" href="shop-item.html">Single Product</a></li>
                                            <li><a class="d-text-c-h" href="shop-ls.html">Shop left sidebar</a></li>
                                            <li><a class="d-text-c-h" href="shop-rs.html">Shop right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="cart.html">Cart</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Contact</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="contact-v1.html">Contact v1</a></li>
                                            <li><a class="d-text-c-h" href="contact-v2.html">Contact v2</a></li>
                                            <li><a class="d-text-c-h" href="contact-v3.html">Contact v3</a></li>
                                            <li><a class="d-text-c-h" href="contact-v4.html">Contact v4</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </header>
            <!-- === END HEADER === -->

            <!-- === START CONTENT === -->
            <div class="content">
                <!-- === START SLIDER SECTION === -->
                <section class="slider-section" id="slider-section">
                    <div class="slider" data-theme-plugin="slider" data-theme-item=".slide" data-theme-next=".slide-right" data-theme-prev=".slide-left" data-theme-container=".slide-wrapper">
                        <ul class="slider-arrows">
                            <li class="slide-left"><i class="fa fa-angle-left"></i></li>
                            <li class="slide-right"><i class="fa fa-angle-right"></i></li>
                        </ul>
                        <div class="bg-cover"></div>
                        <ul class="slide-wrapper">
                            <li class="slide">
                                <div class="slide-text">
                                    <h4 class="wow rollIn" data-wow-delay="1s">An ultimate way to go to the next level</h4>
                                    <h2 class="wow fadeInDown" data-wow-delay="1s">wallpaper creative studio</h2>
                                    <h5 class="wow bounceInRight" data-wow-delay="1s">UI-UX / WEB / BRANDING / design / development / video / autio</h5>
                                </div>
                                <img src="images/slide-1.jpg" alt="slide">
                            </li>
                            <li class="slide">
                                <div class="slide-text">
                                    <h4 class="wow lightSpeedIn" data-wow-delay="1s">Wallpaper is all Around Us</h4>
                                    <h2 class="wow fadeInUp" data-wow-delay="1s">wallpaper creative studio</h2>
                                    <h5 class="wow rollIn" data-wow-delay="1s">UI-UX / WEB / BRANDING / design / development / video / autio</h5>
                                </div>
                                <img src="images/slide-2.jpg" alt="slide">
                            </li>
                            <li class="slide">
                                <div class="slide-text">
                                    <h4 class="wow pulse" data-wow-delay="1s">Reach out for Wallpaper</h4>
                                    <h2 class="wow flip" data-wow-delay="1s">wallpaper creative studio</h2>
                                    <h5 class="wow swing" data-wow-delay="1s">UI-UX / WEB / BRANDING / design / development / video / autio</h5>
                                </div>
                                <img src="images/slide-3.jpg" alt="slide">
                            </li>
                        </ul>

                        <ul class="slider-dots" data-theme-plugin="bullets">
                            <li class="d-border-c-h"></li>
                            <li class="d-border-c-h"></li>
                            <li class="d-border-c-h"></li>
                        </ul>
                    </div>
                </section>
                <!-- === END SLIDER SECTION === -->

                <!-- === START PRESENTATION === -->
                <div class="presentation-section">
                    <div class="container">
                        <div class="site-title wow fadeInDown">
                            <p>We are happy to say</p>
                            <h1>Welcome to wallpaper</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>
                        <img class="wow fadeInUp" src="images/presentation.jpg" alt="presentation" />
                    </div>
                </div>
                <!-- === END PRESENTATION === -->

                <!-- === START PROJECTS === -->
                <div class="projects-posts-section">
                    <div class="row no-margin">
                        <div class="col-md-3 no-padding wow bounceInLeft">
                            <div class="project-post">
                                <img src="images/item-1.jpg" alt="priject image" />
                                <div class="project-post-hover">
                                    <div class="project-post-bg d-bg-c"></div>
                                    <div class="project-post-bg-text">Individual<br/>client<br/>approach</div>
                                    <div class="project-post-bg-text-hidden"><a href="#">read more</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 no-padding wow bounceInLeft">
                            <div class="project-post">
                                <img src="images/item-2.jpg" alt="priject image" />
                                <div class="project-post-hover">
                                    <div class="project-post-bg d-bg-c"></div>
                                    <div class="project-post-bg-text">Individual<br/>client<br/>approach</div>
                                    <div class="project-post-bg-text-hidden"><a href="#">read more</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 no-padding wow bounceInRight">
                            <div class="project-post">
                                <img src="images/item-3.jpg" alt="priject image" />
                                <div class="project-post-hover">
                                    <div class="project-post-bg d-bg-c"></div>
                                    <div class="project-post-bg-text">Individual<br/>client<br/>approach</div>
                                    <div class="project-post-bg-text-hidden"><a href="#">read more</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 no-padding wow bounceInRight">
                            <div class="project-post">
                                <img src="images/item-4.jpg" alt="priject image" />
                                <div class="project-post-hover">
                                    <div class="project-post-bg d-bg-c"></div>
                                    <div class="project-post-bg-text">Individual<br/>client<br/>approach</div>
                                    <div class="project-post-bg-text-hidden"><a href="#">read more</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END PROJECTS === -->

                <!-- === START SERVICES === -->
                <div class="services-section services-mark-2">
                    <div class="container">
                        <div class="site-title wow bounceInRight">
                            <p>We are very strong skilled in the</p>
                            <h1>Areas of expertise</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="one-service wow bounceInLeft">
                                    <i class="fa fa-magic d-border-c d-text-c"></i>
                                    <h4>design</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="one-service wow fadeInDown">
                                    <i class="fa fa-code d-border-c d-text-c"></i>
                                    <h4>coding</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="one-service wow fadeInUp">
                                    <i class="fa fa-bolt d-border-c d-text-c"></i>
                                    <h4>branding</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="one-service wow bounceInRight">
                                    <i class="fa fa-mobile d-border-c d-text-c"></i>
                                    <h4>mobile app</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END SERVICES === -->

                <!-- === START PURCHASE === -->
                <div class="purchase-section wow fadeInDown">
                    <div class="bg-cover">
                        <div class="container">
                            <div class="site-title">
                                <p>Already excited with the seen?</p>
                                <h1>Purchase wallpaper now</h1>
                                <a href="http://themeforest.net/user/geothemes/portfolio?ref=geothemes">Buy it now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END PURCHASE === -->

                <!-- === START PORTFOLIO === -->
                <div class="portfolio-v2 no-bottom-margin">
                    <div class="container">
                        <div class="site-title wow bounceInRight">
                            <p>We are proud with our</p>
                            <h1>Latest works</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>

                        <ul class="filter wow bounceInLeft" data-theme-plugin="filters">
                            <li><a data-category="" class="d-bg-c-h d-border-c active" href="#">All</a></li>
                            <li><a data-category="nature" class="d-bg-c-h d-border-c" href="#">Nature</a></li>
                            <li><a data-category="print" class="d-bg-c-h d-border-c" href="#">Print</a></li>
                            <li><a data-category="photography" class="d-bg-c-h d-border-c" href="#">Photograpy</a></li>
                            <li><a data-category="abstract" class="d-bg-c-h d-border-c" href="#">Abstract</a></li>
                        </ul>
                    </div>
                    <div class="row wow bounceInUp" data-theme-plugin="masonry">
                        <div class="col-md-2 no-padding nature col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-1.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-2.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding photography col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-3.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding abstract col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-4.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding nature col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-5.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-6.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding photography col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-7.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding nature col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-8.jpg" alt="portfolio item" />
                                </div>    
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-9.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-10.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-11.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-12.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END LATEST WORKS === -->

                <!-- === START SERVICES === -->
                <div class="services-section services-mark-1">
                    <div class="container">
                        <div class="site-title wow bounceInLeft">
                            <p>Here you can find another</p>
                            <h1>Provided services</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="one-service wow bounceInLeft">
                                    <i class="fa fa-magic d-border-c d-text-c"></i>
                                    <h4>design</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service wow fadeInDown">
                                    <i class="fa fa-camera d-border-c d-text-c"></i>
                                    <h4>photoshooting</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service wow bounceInRight">
                                    <i class="fa fa-video-camera d-border-c d-text-c"></i>
                                    <h4>video production</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service wow bounceInLeft">
                                    <i class="fa fa-image d-border-c d-text-c"></i>
                                    <h4>print</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service wow fadeInUp">
                                    <i class="fa fa-bullhorn d-border-c d-text-c"></i>
                                    <h4>copywriting</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service wow bounceInRight">
                                    <i class="fa fa-eye d-border-c d-text-c"></i>
                                    <h4>monitoring</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END SERVICES === -->


                <!-- === START STATISTICS === -->
                <div class="statistics-section wow fadeInDown">
                    <div class="bg-cover">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c"><span class="counter-all">2045</span></h3>
                                        <h6>individual clients</h6>
                                    </div>
                                </div>
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c"><span class="counter-all">126</span></h3>
                                        <h6>video spots</h6>
                                    </div>
                                </div>
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c"><span class="counter-all">78</span></h3>
                                        <h6>screenplay</h6>
                                    </div>
                                </div>
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c"><span class="counter-all">1034</span></h3>
                                        <h6>items designed</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END STATISTICS === -->

                <!-- === START BLOG POSTS === -->
                <div class="blog-post-section">
                    <div class="container">
                        <div class="site-title wow bounceInRight">
                            <p>Here you can read</p>
                            <h1>Latest from our blog</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="blog-entry wow bounceInLeft">
                                    <div class="entry-cover">
                                        <a href="post.html"><img src="images/blog-1.jpg" alt="blog image" /></a>
                                    </div>
                                    <div class="entry-hover">
                                        <div class="hover-cover d-bg-c"></div>
                                        <h6 class="entry-date">May 15, 2014</h6>
                                        <div class="hover-info">
                                            <img class="d-border-c" src="images/avatar-1.jpg" alt="avatar" />
                                            <p class="hover-author">by John Dolers</p>
                                            <h2><a href="post.html">Having fun at the lake</a></h2>
                                            <p class="d-text-c">Nature / Photography</p>
                                            <p class="hover-text">On the other hand, we denounce with righteous indignation and dislike men.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="blog-entry wow fadeInDown">
                                    <div class="entry-cover">
                                        <a href="post.html"><img src="images/blog-2.jpg" alt="blog image" /></a>
                                    </div>
                                    <div class="entry-hover">
                                        <div class="hover-cover d-bg-c"></div>
                                        <h6 class="entry-date">Nov 07, 2014</h6>
                                        <div class="hover-info">
                                            <img class="d-border-c" src="images/avatar-2.jpg" alt="avatar" />
                                            <p class="hover-author">by Alexa Doe</p>
                                            <h2><a href="post.html">Having fun at the lake</a></h2>
                                            <p class="d-text-c">Nature / Photography</p>
                                            <p class="hover-text">On the other hand, we denounce with righteous indignation and dislike men.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="blog-entry wow bounceInRight">
                                    <div class="entry-cover">
                                        <a href="post.html"><img src="images/blog-3.jpg" alt="blog image" /></a>
                                    </div>
                                    <div class="entry-hover">
                                        <div class="hover-cover d-bg-c"></div>
                                        <h6 class="entry-date">Sep 22, 2014</h6>
                                        <div class="hover-info">
                                            <img class="d-border-c" src="images/avatar-3.jpg" alt="avatar" />
                                            <p class="hover-author">by Janet Valessa</p>
                                            <h2><a href="post.html">Having fun at the lake</a></h2>
                                            <p class="d-text-c">Nature / Photography</p>
                                            <p class="hover-text">On the other hand, we denounce with righteous indignation and dislike men.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END BLOG POSTS === -->

                <!-- === START CLIENTS === -->
                <div class="clients-section carousel" data-theme-plugin="carousel" data-theme-container=".carousel-items" data-theme-item="&gt;div" data-theme-rotate="false" data-theme-autoplay="false" data-theme-hide-effect="false">
                    <div class="container">
                        <div class="carousel-arrows">
                            <span class="next wow bounceInRight"><i class="fa fa-angle-right d-text-c-h"></i></span>
                            <span class="prev disabled wow bounceInLeft"><i class="fa fa-angle-left d-text-c-h"></i></span>
                        </div>
                        <div class="row carousel-items">
                            <div class="col-md-3 col-xs-4 wow fadeInUp">
                                <a href="#"><img src="images/clients-1.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4 wow fadeInDown">
                                <a href="#"><img src="images/clients-2.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4 wow fadeInUp">
                                <a href="#"><img src="images/clients-3.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4 wow fadeInDown">
                                <a href="#"><img src="images/clients-4.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4 wow fadeInUp">
                                <a href="#"><img src="images/clients-5.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4 wow fadeInDown">
                                <a href="#"><img src="images/clients-1.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4 wow fadeInUp">
                                <a href="#"><img src="images/clients-2.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4 wow fadeInDown">
                                <a href="#"><img src="images/clients-3.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4 wow fadeInUp">
                                <a href="#"><img src="images/clients-4.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4 wow fadeInDown">
                                <a href="#"><img src="images/clients-5.png" alt="client image" /></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END CLIENTS === -->
            </div>
            <!-- === END CONTENT === -->


            <!-- === START FOOTER === -->
            <footer class="footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-xs-6">
                            <div class="widget wow bounceInLeft">
                                <h2 class="logo">Wallpaper</h2>
                                <p>23408 Trafalguar Square, PO BOX 345<br/>Westminster, London<br/>United Kingdom</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-blog-posts wow fadeInUp">
                                <h3 class="widget-title">Latest blog posts</h3>
                                <ul>
                                    <li><a href="#" class="d-text-c-h">Web Design Technics</a></li>
                                    <li><a href="#" class="d-text-c-h">Fiction vs Reality</a></li>
                                    <li><a href="#" class="d-text-c-h">10 Freebies Design Inspiration</a></li>
                                    <li><a href="#" class="d-text-c-h">Having fun at the lake</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-tag-cloud wow fadeInUp">
                                <h3 class="widget-title">tag cloud</h3>
                                <a href="#" class="d-bg-c-h">Reserch</a>
                                <a href="#" class="d-bg-c-h">Development</a>
                                <a href="#" class="d-bg-c-h">Framework</a>
                                <a href="#" class="d-bg-c-h">Showcase</a>
                                <a href="#" class="d-bg-c-h">Design</a>
                                <a href="#" class="d-bg-c-h">Strategy</a>
                                <a href="#" class="d-bg-c-h">Bootstrap</a>
                                <a href="#" class="d-bg-c-h">Artist Design</a>
                                <a href="#" class="d-bg-c-h">Management</a>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-socials wow bounceInRight">
                                <h3 class="widget-title">Social profiles</h3>
                                <p>On the other hand, we denounce with righteous indignation and dislike men.</p>
                                <ul class="socials">
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-rss"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <p class="copywrite">© Copyright 2014 by GeoThemes. All rights reserved.</p>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- === END FOOTER === -->
        </div>
        <!-- =========================== START SCRIPTS ========================== -->
        <script src="js/modernizr.custom.63321.js" type="text/javascript"></script>
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script src="js/jquery-ui.min.js" type="text/javascript"></script>
        <script src="js/waypoints.js" type="text/javascript"></script>
        <script src="js/bootstrap.js" type="text/javascript"></script>
        <script src="js/placeholder.js" type="text/javascript"></script>
        <script src="js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
        <script src="js/masonry.pkgd.js" type="text/javascript"></script>
        <script src="js/jquery.swipebox.min.js" type="text/javascript"></script>
        <script src="js/wow.js" type="text/javascript"></script>
        <script src="js/knob.js" type="text/javascript"></script>
        <script src="js/jquery.counterup.js" type="text/javascript"></script>
        <script src="js/options.js" type="text/javascript"></script>
        <script src="js/plugins.js" type="text/javascript"></script>
        <script src="color-box/color-js.js" type="text/javascript"></script>
        <script src="color-box/farbtastic/farbtastic.js" type="text/javascript"></script>
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <!-- =========================== END SCRIPTS ========================== -->
    </body>
</html>